iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 19
0
Modern Web

淺談web系列 第 19

鐵人賽DAY19-CSS(三)

  • 分享至 

  • xImage
  •  

一、Setector選擇器
1.類型選擇器:對該元素作顯示設定的調整,設定後整份文件都自動套用,例如:將元素<p>設定為紅色字體且置中,則整份HTML中的元素<p>都會直接套用。

2.ID選擇器:對指定的id作顯示設定的調整,往後需要此設定時在元素的前標籤利用id = "id名稱"的語法對此元素進行套用,例如:將id取名為red_center並設定為紅色字體且置中,在下方利用語法套用至第一個<p>元素中。

3.屬性選擇器:對指定的屬性作顯示設定的調整,往後只要在HTML中有使用到該屬性則會自動進行套用,例如:將屬性title設定為紅色字體且置中,則整份HTML中的有用到title屬性的都會直接套用。

4.類別選擇器:對指定的類別作顯示設定的調整,往後需要此設定時在元素的前標籤利用class = "類別名稱"的語法對此元素進行套用,例如:將類別取名為red_center並設定為紅色字體且置中,在下方利用語法套用至第一個<p>元素中。

參考資料:
1.https://www.w3schools.com/css/css_selectors.asp


上一篇
鐵人賽DAY18-CSS(二)
下一篇
鐵人賽DAY20-CSS(四)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言